<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
    <link rel="stylesheet" href="./lib/fa/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/cart.css">
    <title>购物车</title>
</head>

<body>
    <div class="lt_container">
        <div class="lt_header">
            <a href="javascript:history.go(-1);" class="ico-left"><i class="mui-icon mui-icon-back"></i></a>
            <h3>购物车</h3>
            <!-- <a href="javascript:;" class="ico-right"><i class="fa fa-search"></i></a> -->
        </div>


        <div class="lt_main">
            <!-- 区域滑动 -->
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">



                    <ul class="mui-table-view" id="">
                        <!-- 挖个坑 -->
                        <li class="mui-table-view-cell cart_item">
                            <div class="mui-slider-right mui-disabled">
                                <a data-id="" data-num="" data-productNum="" data-size="" data-productSize="" class="mui-btn mui-btn-primary mui-icon mui-icon-compose btn_edit"></a>
                                <a data-id="" class="mui-btn mui-btn-danger mui-icon mui-icon-trash btn_delete"></a>
                            </div>
                            <div class="mui-slider-handle">
                                <div class="mui-table-cell">

                                    <!-- 左侧图片 -->
                                    <div class="cart_img">
                                        <img src="/mobile/images/detail.jpg" alt="">
                                        <input type="checkbox" class="ck" data-price="" data-num="">
                                    </div>

                                    <!-- 右侧商品详情 -->
                                    <div class="cart_info">
                                        <p class="pro_name mui-ellipsis-2">
                                            wwwwwwwwwwwwwwqeqeqeqeqeqeqeqe
                                        </p>
                                        <p>
                                            <span class="price">¥199</span>
                                            <span class="oldPrice">¥199</span>
                                            <span class="mui-pull-right">10双</span>
                                        </p>
                                        <p>
                                            鞋码: 40
                                        </p>
                                    </div>

                                </div>
                            </div>
                        </li>
                        <li class="mui-table-view-cell cart_item">
                            <div class="mui-slider-right mui-disabled">
                                <a data-id="" data-num="" data-productNum="" data-size="" data-productSize="" class="mui-btn mui-btn-primary mui-icon mui-icon-compose btn_edit"></a>
                                <a data-id="" class="mui-btn mui-btn-danger mui-icon mui-icon-trash btn_delete"></a>
                            </div>
                            <div class="mui-slider-handle">
                                <div class="mui-table-cell">

                                    <!-- 左侧图片 -->
                                    <div class="cart_img">
                                        <img src="/mobile/images/detail.jpg" alt="">
                                        <input type="checkbox" class="ck" data-price="" data-num="">
                                    </div>

                                    <!-- 右侧商品详情 -->
                                    <div class="cart_info">
                                        <p class="pro_name mui-ellipsis-2">
                                            wwwwwwwwwwwwwwqeqeqeqeqeqeqeqe
                                        </p>
                                        <p>
                                            <span class="price">¥199</span>
                                            <span class="oldPrice">¥199</span>
                                            <span class="mui-pull-right">10双</span>
                                        </p>
                                        <p>
                                            鞋码: 40
                                        </p>
                                    </div>

                                </div>
                            </div>
                        </li>

                    </ul>


                </div>
            </div>
        </div>

        <!-- 底部 -->
        <div class="lt_footer">
            <ul class="clearfix">
                <li><a href="index.html"><i class="fa fa-home"></i>
                        <p>首页</p>
                    </a></li>
                <li><a href="category.html" class=""><i class="fa fa-bars"></i>
                        <p>分类页</p>
                    </a></li>
                <li><a href="javascript:;" class="current"><i class="fa fa-shopping-cart"></i>
                        <p>购物车</p>
                    </a></li>
                <li><a href="user.html"><i class="fa fa-user"></i>
                        <p>用户中心</p>
                    </a></li>
            </ul>
        </div>
    </div>


    <script type="text/html" id="tmp">

        {{ each list v i }}

            <li class="mui-table-view-cell cart_item">
                <div class="mui-slider-right mui-disabled">
                    <a data-id="" data-num="" data-productNum=""
                        data-size="" data-productSize="" class="mui-btn mui-btn-primary mui-icon mui-icon-compose btn_edit"></a>
                    <a data-id="" class="mui-btn mui-btn-danger mui-icon mui-icon-trash btn_delete"></a>
                </div>
                <div class="mui-slider-handle">
                    <div class="mui-table-cell">

                        <!-- 左侧图片 -->
                        <div class="cart_img">
                            <img src="{{v.pic[0].picAddr}}" alt="">
                            <input type="checkbox" class="ck" data-price="" data-num="">
                        </div>

                        <!-- 右侧商品详情 -->
                        <div class="cart_info">
                            <p class="pro_name mui-ellipsis-2">
                                {{v.proName}}
                            </p>
                            <p>
                                <span class="price">¥{{v.price}}</span>
                                <span class="oldPrice">¥{{v.oldPrice}}</span>
                                <span class="mui-pull-right">{{v.num}}双</span>
                            </p>
                            <p>
                                鞋码: {{v.size}}
                            </p>
                        </div>

                    </div>
                </div>
            </li>

        {{ /each }}

    </script>

    <script src="./lib/zepto/zepto.min.js"></script>
    <script src="./lib/artTemplate/template-web.js"></script>
    <script src="./lib/mui/js/mui.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/cart.js"></script>
</body>

</html>